<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="user in users">
                {{user.name}} - {{user.gender}} - {{user.age}}
            </li>
        </ul>
        <ul>
            <li v-for="(user,index) in users">
                {{index+1}}.{{user.name}} - {{user.gender}} - {{user.age}}
            </li>
        </ul>
        <ul>
                <li v-for="(key,val,index) in user":key="index">
                {{index+1}}.{{key}}-{{val}}
                </li>
        </ul>

        <input type="button" v-on:click="show = !show" value="试试">
        <h1 v-if="show">
            123
        </h1>
        <h3 v-else>
            789
        </h3>
        <h2 v-show="show">
            456
        </h2>
        <counter></counter>
        <counter1></counter1>
    </div>
</body>
</html>
<script src="node_modules/vue/dist/vue.js"></script>
<script src="js/users.js" type="text/javascript"></script>

